<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>引入</title>

    <!-- 
        在head里面引入文件
     -->
     <style>
         h1{
             color: burlywood;
         }
     </style>

     <style>
         h2{
             color: rebeccapurple;
             background-color: saddlebrown;
             /* background: seagreen; */
             border-radius: 36px;
         }

         p{
             font-size: 22px;
             font-style: "楷体";
         }
         .helloming{
             font-size: 56px;
             color: red;

         }
         #mingtai{
             color: yellowgreen;
             font-size: 20px;
         }
     </style>
</head>
<!--  -->
<body>
    <!-- 
        优先级：就近原则
        行内样式 
     -->

    <h1>这个标题</h1>


    <!-- 
        标签选择器
        类选择器 .class 可以多个类选择
        id选择器 #id值 单个id，不可重复
        优先级：
           不遵循就近原则，固定的
           id选择器> class 选择器 > 标签选择器
     -->
     <h2>这个是一级标题</h2>
     <h2>这个是一级标题</h2>
     <p>
         这个是段落，测试不同选择器
     </p>

     <h3 id="mingtai"> hello id选择器</h3>
     <h3 class ="helloming"> hello 类选择器</h3>
     
</body>
</html>